/* main_top start */

.main_top16 {
    box-sizing: border-box;
    width: 1200px;
    height: 100px;
    margin: 0 auto;
    margin-top: 66px;
    font-size: 36px;
    color: #C4181F;
    padding-bottom: 34px;
    border-bottom: 1px solid #DCDCDC;
}


/* main_top end */


/* main_middle start */

.main_middle16 {
    position: relative;
    width: 1200px;
    height: 1500px;
    margin-top: 39px;
    padding-top: 39px !important;
    margin: 0 auto;
}

.main_middle_one16 input {
    width: 185px;
    height: 39px;
    font-size: 20px;
    padding: 5px 8px;
    margin-bottom: 34px;
    outline: none;
    border-radius: 7px;
    border: 1px solid #F5F5F5;
    background-color: #F5F5F5;
}

.main_middle_two16 input {
    width: 476px;
    height: 39px;
    font-size: 20px;
    padding: 5px 8px;
    margin-bottom: 48px;
    outline: none;
    border-radius: 7px;
    border: 1px solid #F5F5F5;
    background-color: #F5F5F5;
}

.middle_one16 {
    font-size: 22px;
    color: #A7A7A7;
    margin-right: 24px;
}

.middle_one_o16 {
    margin-right: 40px;
}

.middle_one_oo16 {
    margin-right: 60px;
}

.middle_two16 {
    font-size: 22px;
    color: #A7A7A7;
    margin-right: 64px;
}

.main_middle_radio16 {
    width: 500px;
    font-size: 22px;
    color: #A7A7A7;
    margin-bottom: 25px;
}


/* 单选框样式 */

.main_middle_radio16 input {
    vertical-align: middle;
    /* 前面三行代码是为了让radio单选按钮与文字对齐 */
    width: 22px;
    height: 22px;
    border-radius: 50px;
    appearance: none;
    /*清楚默认样式*/
    -webkit-appearance: none;
    outline: none;
    margin-left: 24px;
    margin-right: 10px;
    border: 1px solid #999999;
}

.main_middle_radio16 input[type="radio"]:checked {
    background-size: contain;
    background: #C4181F;
    background-image: url('../img/radiored.png');
}

.main_middle_radio16 input {
    width: 22px;
    height: 22px;
    margin-left: 66px;
}

.main_middle_radio16 span {
    font-size: 22px;
    margin-left: 15px;
}

.main_middle_three16 {
    font-size: 22px;
    color: #A7A7A7;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 50px;
}

.zhaopian_box {
    margin-top: 42px;
    margin-left: 20px;
}

.main_middle_three16 img {
    width: 62px;
    height: 62px;
    margin-right: 10px;
}

.main_middle_check16 {
    position: relative;
    height: 165px;
    overflow: hidden;
    font-size: 22px;
    color: #A7A7A7;
}

.main_middle_check16 textarea {
    box-sizing: border-box;
    resize: none;
    position: absolute;
    padding: 5px 8px;
    width: 696px;
    height: 159px;
    margin-left: 20px;
    font-size: 20px;
    border-radius: 4px;
    outline: none;
    border: 0;
    color: #D3D3D3;
    background-color: #F5F5F5;
}

.main_middle_four16 {
    height: 117px;
    margin-bottom: 50px;
    overflow: hidden;
    position: relative;
    font-size: 22px;
    color: #A7A7A7;
}

.main_middle_four16 span {
    position: absolute;
    top: 95px;
    left: 290px;
    font-size: 16px;
}

.main_middle_four16 img {
    position: absolute;
    top: 1px;
    left: 120px;
    display: inline-block;
    width: 167px;
    height: 117px;
    /* border: 1px solid rgba(51, 51, 51, 0.4); */
    border-radius: 4px;
}

.main_middle_five16 {
    height: 78px;
    overflow: hidden;
    position: relative;
    font-size: 22px;
    color: #A7A7A7;
}


/* 复选框图标 */

.main_middle_five16 input {
    vertical-align: middle;
    /* 前面三行代码是为了让radio单选按钮与文字对齐 */
    width: 19px;
    height: 19px;
    appearance: none;
    /*清楚默认样式*/
    -webkit-appearance: none;
    outline: none;
    margin-left: 24px;
    margin-right: 10px;
    border: 1px solid #A7A7A7;
}

.main_middle_five16 input[type="checkbox"]:checked {
    border: 1px solid red;
    background-size: 17px 17px;
    background-image: url('../img/fuxuanred.png');
}

.main_middle_five16 input {
    margin-left: 24px;
    margin-right: 10px;
}

.main_middle_five16 span {
    font-size: 16px;
    color: #A7A7A7;
}

.main_middle_six16 {
    width: 451px;
    height: 80px;
    margin: 0 auto;
    text-align: center;
}

.main_middle_six16 button {
    margin: 0 auto;
    width: 451px;
    height: 44px;
    margin-top: 100px;
    margin-bottom: 36px;
    border-radius: 30px;
    background-color: #C4181F;
    font-size: 22px;
    color: #FFFFFF;
    border: 0;
    outline: none;
}

.main_middle_six16 p {
    font-size: 14px;
    color: #A7A7A7;
}

.main_middle_six16 p:hover {
    cursor: default;
    font-size: 14px;
    color: #A7A7A7;
}


/* main_middle end */


/* file start */

.fileFirst16 {
    position: absolute;
    top: 1px;
    left: 120px;
    width: 62px;
    height: 62px;
    z-index: 999;
    outline: none;
    opacity: 0;
}

.fileSecond16 {
    position: absolute;
    top: 1px;
    left: 120px;
    width: 167px;
    height: 117px;
    z-index: 999;
    outline: none;
    opacity: 0;
}

.fileThird16 {
    position: absolute;
    top: 1px;
    left: 120px;
    width: 167px;
    height: 117px;
    z-index: 999;
    outline: none;
    opacity: 0;
}

.fileFour16 {
    position: absolute;
    top: 1px;
    left: 120px;
    width: 167px;
    height: 117px;
    z-index: 999;
    outline: none;
    opacity: 0;
}


/* file end */


/* 多张图片 */

* {
    margin: 0px;
    padding: 0px;
}

#file {
    width: 1200px;
    height: 500px;
    display: none;
}

.imgs {
    float: left;
    width: 167px;
    height: 117px;
    border: 1px solid lightgray;
    border-radius: 5px;
}

#addimg:hover {
    background-color: black;
    color: white;
}

.imgs:not(#addimg) {
    cursor: not-allowed;
}

.imgs:not(#addimg):hover {
    border: 1px solid red;
}

#files {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    font-weight: bold;
    cursor: pointer;
}

.layout {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin-bottom: 50px;
    /* border: 1px solid red; */
}

.layout span {
    display: inline-block;
    width: 100px;
    height: 117px;
    margin-right: 18px;
    font-size: 22px;
    color: #A7A7A7;
}

.layout1 {
    display: flex;
    width: 700px;
    margin-bottom: 50px;
    /* border: 1px solid red; */
}

.layout1 span {
    display: inline-block;
    width: 100px;
    height: 117px;
    margin-right: 18px;
    font-size: 22px;
    color: #A7A7A7;
}

.layout2 {
    display: flex;
    width: 700px;
    margin-bottom: 50px;
    /* border: 1px solid red; */
}

.layout2 span {
    display: inline-block;
    width: 100px;
    height: 117px;
    margin-right: 18px;
    font-size: 22px;
    color: #A7A7A7;
}

.layout_right {
    flex: 1;
}

.show_upload_img {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.show_pic_box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    /* margin-bottom: 50px; */
}

.show_pic_box img {
    width: 167px;
    height: 117px;
    margin-right: 10px;
}

.show_upload_img1 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.show_pic_box1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    /* margin-bottom: 50px; */
}

.show_pic_box1 img {
    width: 167px;
    height: 117px;
    margin-right: 10px;
}

.show_upload_img2 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.show_pic_box2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    /* margin-bottom: 50px; */
}

.show_pic_box2 img {
    width: 167px;
    height: 117px;
    margin-right: 10px;
}

.font55 {
    align-self: flex-end;
    display: inline-block;
    font-size: 16px;
    color: #A7A7A7;
}


/* http: //localhost.com*detail.html?noticeId=14134 */


/* $(function () {
    getParamData();
});

function getParamData() {
    var noticeId = $.query.get("noticeId");
    alert(noticeId);
} */